<!DOCTYPE html>
<html>
<head>
    <title>智能家居 随心所控</title>
    <link href="__TMPL__/public/assets/simpleboot3/themes/css/style-ny.css" rel="stylesheet" />



    <include file="public@head"/>
    <hook name="before_head_end"/>

</head>
<body class="body-white">
<include file="public@nav"/>
<div class="banner" >
    <div class="index-1st">
        <!-- index-1st 第一屏第一层 -->
        <div class="index-1st-box1">
            <!-- index-1st 第一图 -->
            <div class="banner-box1">
                <if condition="isset($img0)">    <img src="/public/upload/{$img0.image}" /></if>
            </div>
            <!-- index-1st 第二图 -->
            <div class="banner-box2">
                <if condition="isset($img1)">     <img src="/public/upload/{$img1.image}" />
                    <div class="banner-box2-text">
                        <div class="banner-box2-text-a1">{$img1.description}</div>
                        <div class="banner-box2-text-a2">{$img1.content}</div>
                    </div></if>
            </div>
            <!-- index-1st 第三图 -->
            <div class="banner-box3">
                <if condition="isset($img2)">  <img src="/public/upload/{$img2.image}" />
                    <div class="banner-box3-text">
                        <div class="banner-box3-text-a1">{$img2.description}</div>
                        <div class="banner-box3-text-a2">{$img2.content}</div>
                    </div></if>
            </div>

            <!--主屏文字-->
            <div class="banner-box1-text">
                <if condition="isset($img1)">    <div class="banner-box1-text-a1">{$img0.description}</div>
                    <div class="banner-box1-text-a2">{$img0.content}</div></if>
            </div>
        </div>
    </div>
</div>
<div class="ny-content">
    <div class="ny-content-top">
        <div class="ny-content-nav">
            <div class="ny-content-nav-home"><a href="/">首页</a>/<a href="{:url('list/index')}">产品中心</a></div>
            <div class="ny-content-nav-pagename" style="width: 500px">
                {$category.name}
            </div>
        </div>
    </div>
    <div class="ny-content-body" style="border-bottom:2px dashed #F00;" >
    </div>
    <style>
        .type{
            width: 100%;
            height: 258px;
        }
        .goods-link {
            position: relative;
            float: left;
            display: block;
            width: 252px;
            height: 234px;
            background-color: #fff;
            margin: 10px 18px 15px 5px;
            font-size: 14px;
            color: #333;
            overflow: hidden;
        }
        .goods-link homeClick a {
            color: #005bb5;
            text-decoration: none;
            outline: 0;

        }
        .goods-img img {
            display: block;
            border: 0;
            width: 100%;
            height: 100%;
        }
        .goods-img {
            position: relative;
            width: 100%;
            height: 158px;
        }
        .goods-intro {
            height: auto;
            border: 1px solid #ddd;
            border-top: 0;
        }
        .goods-intro .tit {
            padding-top: 10px;
            margin: 0 15px 15px;
            line-height: 24px;
            height:60px;
            overflow: hidden;
            display: -webkit-box;
        }
        .goods-info{
            margin-top:20px;
        }
        .goods-link:hover{
            position:relative;
            -moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
            -webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
        }
    </style>
    <div class="type" >
        <div class="goods-info clearfix " _type="0" >
            <volist name="list" id="vo">
                <a href="{:url('Article/index',array('id'=>$vo['post_id'],'cid'=>$category['id']))}"class="goods-link homeClick">
                    <div class="goods-img">
                        <img src="{$vo['more']['thumbnail']}" alt="">
                        <div class="goods-intro">
                            <div class="tit" title="{$vo.name}">{$vo.name}</div>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
</div>
<div style="margin-top: 10px;height: 10px"></div>
<div class="ny-back">
    <a href="javascript:history.back()"><i class="glyphicon glyphicon-circle-arrow-left"></i></a>
</div>
</div>
<include file="public@footer"/>
</div>
<div class="box">
</div>
<include file="public@scripts"/>
<hook name="before_body_end"/>
</body>
</html>
